<!DOCTYPE html>
<html lang="en" xmlns: xmlns: xmlns:>
<head>
    <meta charset="UTF-8">
    <title>CSS的三种位置</title>
<!--    3.外部样式：通过link标签引入外部的css文件，外部的css对整个项目生效-->
    <link rel="stylesheet" href="01.css">
</head>
<body>
<!--1.行内样式：加在当前元素上 只对当前行元素生效-->
<h4 style="color: red;background-color: yellow">我是标题</h4>
<h4 >我是标题2</h4>
<!--2.css内部样式：把style标签加到head标签中，内部的css对当前页面生效-->
    <style>
        /* 标签名选择器：选中所有的p元素*/
        p{
            color: blue;
        }
        div{
            background-color: green;
        }
        h2 {
            /*强制提高优先级！！！慎用！！！*/
            color: green !important;
        }
    </style>
    <p>哈哈哈</p>
    <p></p>
    <p></p>
    <p></p>
<div style="color: aqua;">  sdakdakl</div>
<div>  sdakdakl</div>
<div>  我是div</div>

<h2 style="color: red;">CSS优先级：行内>(内部=外部)：内部和外部谁在后面就生效谁</h2>
</body>
</html>